<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>配网监控系统</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<link id="easyuiTheme" rel="stylesheet" type="text/css"
			href="<s:url value='../jquery-easyui/themes/stategrid/easyui.css'/>">
		<link rel="stylesheet" type="text/css"
			href="<s:url value='../jquery-easyui/themes/icon.css'/>">
		<script type="text/javascript"
			src="<s:url value='../jquery-easyui/jquery-1.7.2.min.js'/>"></script>
		<script type="text/javascript"
			src="<s:url value='../jquery-easyui/jquery.easyui.min.js'/>"></script>
		<script type="text/javascript"
			src="<s:url value='../js/common/commonUtil.js'/>"></script>
		<style type="text/css">
a {
	text-decoration: none;
	color: #1C6F9F;
}

#nav {
	margin: 0px;
	clear: right;
	width: 100%;
	float: left;
	height: 25px;
	overflow: hidden;
	background: url("../images/panel_title.png") repeat-x;
}

.right {
	float: right;
	padding-top: 5px;
	padding-right: 20px;
}

.right a {
	color: #516503;
	font-weight: bold;
}

.left {
	padding-left: 10px;
	padding-top: 5px;
}

.tree {
	padding-top: 10px;
}

.webContentUl li {
	height: 24px;
	list-style: none;
}
</style>

		<script type="text/javascript"><!--

$(function() {
	
	
        
	$.ajax({
		type: "POST",
		url: "welcome!initMainMenu.action",
		success: function(msg) {
			var menu = msg.menu;
			for (var i = 0; i < menu.length; i++){
				var domEle = menu[i];
				var rsPId = domEle.rsId;
				var panelTitle = domEle.rsTitle;
			
				$.ajax({
					type: "POST",
					async: false, // 同步
					url: "welcome!initSubMenu.action",
					data: "rsPId=" + rsPId,
					success: function(data){
						var subMenu = data.menu;
						content = "<ul id='tree" + subMenu[0].rsPId + "' class=\"easyui-tree\">"; 
						for (var j = 0; j < subMenu.length; j++){
							var subDomEle = subMenu[j];
							content += "<li><span><a href=\"#\" onclick=\"openMenuInCenter('" + subDomEle.rsTitle + "', '" + subDomEle.rsUrl + "')\">" + subDomEle.rsTitle + "</a></span></li>";
						}
						content += "</ul>";
						
						$('#menuAccordion').accordion('add', {
							title: panelTitle,
							id: "panel" + rsPId,
							content: content
						});
					}
				});
			}
			
			// 默认选择线路监控
			$('#menuAccordion').accordion('select', "线路监控");
			
		}
	});
	
});

/**
以tab的形式在页面中展示
title：tab的标题
url：页面的地址
*/
function openMenuInCenter(title, url, icon) {
	
	icon="icon-tip"
	var tabs = $('#centerTabs');
	if (tabs.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab          
        tabs.tabs('select', title);  
        refreshTab({tabTitle: title, url: url});  
    } else {  
        if (url){  
            var content = '<iframe frameborder="0"  src="..' + url + '" style="width:100%;height:100%;"></iframe>';  
        } else {  
            var content = '未实现';  
        }  
        tabs.tabs('add',{  
            title: title,  
            closable: true,  
            content: content,  
            fit:true,
            iconCls: icon || 'icon-default'
        });  
    }  
}

/**     
 * 刷新tab 
 * @cfg  
 *example: {tabTitle:'tabTitle',url:'refreshUrl'} 
 *如果tabTitle为空，则默认刷新当前选中的tab 
 *如果url为空，则默认以原来的url进行reload 
 */  
function refreshTab(cfg){  
    var refreshingTab = cfg.tabTitle ? $('#centerTabs').tabs('getTab', cfg.tabTitle) : $('#centerTabs').tabs('getSelected');  
    if (refreshingTab && refreshingTab.find('iframe').length > 0){  
	    var refreshIframe = refreshingTab.find('iframe')[0];  
	    var refreshUrl = cfg.url ? cfg.url : refreshIframe.src;  
	    refreshIframe.contentWindow.location.href=".." + refreshUrl;  
    }  
} 

/**
 * 百分比宽度
 * @param {Object} percent
 */
function fixWidth(percent){
    return top.document.body.clientWidth * percent;
}
--></script>
	</head>

	<body class="easyui-layout" id="layout" data-options="fit: true">
		<!-- 布局，北 logo和登录信息 -->
		<div id="northDiv" data-options="region:'north',split:true"
			style="height: 81px !important; height: 84px;">
			<div
				style="margin: 0px; padding: 0px; background: url('../images/top_bj.jpg') repeat-x; width: 100%; height: 48px;">
				<img src="../images/logo.jpg" />
			</div>
			<div id="nav">
				<div class="right">
					<span
						style="padding-top: 3px; padding-left: 10px !important; padding-left: 17px; background: url('../images/icoTool.gif') no-repeat;">&nbsp;</span>
					<a href="../j_spring_security_logout">注销</a> |
					<a href="#" onclick="changeThemeFun('gray')">修改密码</a> |
					<a href="#" onclick="fullScreen()">全窗口</a>
				</div>
				<div class="left">
					<span
						style="padding-top: 3px; padding-left: 20px; background: url('../images/man.gif') no-repeat; color: #516503;">欢迎:</span>
					<span style="color: red; font-weight: bold;"><sec:authentication
							property="name" /> </span>
				</div>
			</div>
		</div>

		<!-- 布局，南 版权说明 title="版权说明"-->
		<div id="southDiv" data-options="region:'south',split:true"
			style="height: 50px; padding: 10px;">
			<div style="color: #777777; text-align: center;">
				Copyright&copy; 2009 威胜集团版权所有 湘ICP备05000668号
			</div>
		</div>

		<!-- 布局，西 主菜单 title="功能菜单"-->
		<div id="westDiv" data-options="region:'west',split:true"
			style="width: 200px; padding: 1px; overflow: hidden;">
			<div class="easyui-accordion" data-options="fit:true,border:false"
				id="menuAccordion">
			</div>
		</div>

		<!-- 布局，中 主页面 -->
		<div id="centerDiv" data-options="region:'center',noheader:true"
			style="overflow: hidden;">
			<!-- tab -->
			<div class="easyui-tabs" data-options="fit:true,border:false"
				id="centerTabs">
				<div title="系统说明" style="padding: 20px;">
					<div style="margin-top: 20px;">
						<h2>
							<img src="../images/messager_info.gif" />
							Web展示系统
						</h2>
						<ul class="webContentUl">
							<li>
								采用分布式B/S架构体系，依托J2EE应用、ICE中间件技术，实现各种应用功能如线路实时监测、图形化显示、历史数据查看、对时处理、档案管理等。
							</li>
							<li>
								档案管理：供电局管理、供电所管理、线路管理、终端管理、故障指示器管理等。
							</li>
							<li>
								线路监控：查看线路故障、故障指示器信息、终端信息等。
							</li>
							<li>
								系统管理：操作员管理、角色管理、许可权管理、系统操作日志管理、系统登录日志管理等。
							</li>
							<li>
								模拟演示：模拟线路实时情况。
							</li>
							<li>
								台区监控：有功功率曲线、无功功率曲线、功率因数曲线、电压曲线、电流曲线、零序电流曲线、有功总电能量曲线、无功总电能量曲线、有功总电能示值曲线和无功总电能示值曲线等。
							</li>
							<li>
								告警记录：故障指示器告警记录、线路告警记录、短信提醒告警记录等。
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
